/* 主页左边的菜单栏*/
//菜单栏
var menuTree = new Ext.tree.TreePanel( {
	region : 'west',
	title : '功能菜单',
	width : 180,
	minSize : 150,
	maxSize : 200,
	split : true,
	autoScroll : true,
	autoHeight : false,
	collapsible : true,
	rootVisable : false, // 不显示根节点
	root : new Ext.tree.TreeNode( {
		draggable : false,
		expanded : true
	})
});

/*
*节点1，数据管理
*/
var dataNode = new Ext.tree.TreeNode(
		{
			id:'dataNode',
			text:'数据管理'
		});

//添加子项数据管理
dataNode.appendChild(new Ext.tree.TreeNode( {
	id : 'manage',
	text : '数据管理',
	listeners : {
		'click' : function(node, event) {
			event.stopEvent();//停止事件
			var n = contentPanel.getComponent(node.id);
			if (!n) { // //判断是否已经打开该面板
		n = contentPanel.add(
				 new Ext.DataManageGrid({
						id:node.id,
						title:node.text,
						closable:true,
						tbar: [{
						xtype:'button',
						text:'导入',
						tooltip : '',
						handler:function(e){
							alert("功能建设中……");
					}
					},{
						xtype:'button',
						text:'导出',
						tooltip : '',
						handler:function(e){
							alert("功能建设中……");
					}
					},
					{
						xtype:'button',
						text:'删除',
						handler:function(e){
						alert("功能建设中……");
						}
					},{
						xtype:'button',
						text:'新建',
						handler:function(){
						
					},
					}],
					})
		);
	}
			n.loadData();
	contentPanel.setActiveTab(n);
}
}
}));



//添加子项数据查询
dataNode.appendChild(new Ext.tree.TreeNode( {
	id : 'search',
	text : '数据查询',
	listeners : {
		'click' : function(node, event) {
			event.stopEvent();
			var n = contentPanel.getComponent(node.id);
			if (!n) { // //判断是否已经打开该面板
		n = contentPanel.add( 
			new Ext.DataSearchForm({
			       id : node.id,
			       title : node.text,
			       closable : true
				})
//			autoLoad : {
//			url : 'auto.php',
//			scripts : true
		);
// 通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
	}
//			n.loadData();
	contentPanel.setActiveTab(n);
}
}
}));

//添加子项2
dataNode.appendChild(new Ext.tree.TreeNode( {
	id : 'statics',
	text : '数据统计',
	listeners : {
		'click' : function(node, event) {
			event.stopEvent();
			var n = contentPanel.getComponent(node.id);
			if (!n) { // //判断是否已经打开该面板
		n = contentPanel.add( {
			'id' : node.id,
			'title' : node.text,
			closable : true,
			autoLoad : {
				url : 'auto.php',
				scripts : true
			}
		// 通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
				});
	}
	contentPanel.setActiveTab(n);
}
}
}));

//添加子项3
dataNode.appendChild(new Ext.tree.TreeNode( {
	id : 'input',
	text : '手工录入',
	listeners : {
		'click' : function(node, event) {
			event.stopEvent();
			var n = contentPanel.getComponent(node.id);
			if (!n) { // //判断是否已经打开该面板
		n = contentPanel.add( 
			new Ext.DataEnteringPanel({
			       id : node.id,
			       title : node.text,
			       closable : true
			   })
				);
		}
	contentPanel.setActiveTab(n);
}
}
}));

menuTree.root.appendChild(dataNode); //把节点添加到manuTree

/*
*节点2，项目管理
*/
var projectNode = new Ext.tree.TreeNode(
		{
			id:'projectNode',
			text:'项目管理',
		});

//添加子项1
projectNode.appendChild(new Ext.tree.TreeNode( {
	id : 'distribute',
	text : '项目分发',
	listeners : {
		'click' : function(node, event) {}
}
}));

//添加子项2
projectNode.appendChild(new Ext.tree.TreeNode( {
	id : 'remind',
	text : '工作提醒',
	listeners : {
		'click' : function(node, event) {}
}
}));

//添加子项3
projectNode.appendChild(new Ext.tree.TreeNode( {
	id : 'chargeManage',
	text : '收费管理',
	listeners : {
		'click' : function(node, event) {}
}
}));

projectNode.appendChild(new Ext.tree.TreeNode( {
	id : 'checkManage',
	text : '验收管理',
	listeners : {
		'click' : function(node, event) {}
}
}));

menuTree.root.appendChild(projectNode); //把节点添加到manuTree


//通过扩展来构建要创建的面板
fnPanel = Ext.extend(Ext.Panel, {
	closable : true,
	autoScroll : true,
	layout : 'fit', // 如果用函数来创建该面板的话,布局必须设置为fit,否则不会显示该面板中的内容

	// 创建面板内容
	createFormPanel : function() {
		return new Ext.form.FormPanel( {
			buttonAlign : 'center',
			labelAlign : 'right',
			frame : false,
			bodyBorder : false,
			bodyStyle : 'padding:25px',
			items : [ {
				xtype : 'textfield',
				fieldLabel : '用户名',
				width : 350,
				name : 'username'
			}, {
				xtype : 'textfield',
				fieldLabel : '密　码',
				width : 350,
				name : 'password'
			} ],
			buttons : [ {
				text : '登陆'
			}, {
				text : '取消'
			} ]
		});
	},

	// 重装控件初始化函数,在该函数中完成面板中内容的初始化
	initComponent : function() {
		fnPanel.superclass.initComponent.call(this);
		this.fp = this.createFormPanel();
		this.add(this.fp);
	}
});
